<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="format-detection" content="telephone=no" />
    <title>我承接的和转让列表页</title>
    <link rel="stylesheet" href="../../css/reset.css">
    <style>
        body {
            width: 100%;
            background-color: #f7f7f7;
            font-size: 0.28rem;
            height: auto;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            font-family: PingFangSC-Regular, sans-serif;
            color: #333333;
        }

        .showRentDetail {
            background: url("../../image/yellbgx.png") center no-repeat;
            height: 4.2rem;
            background-size: 100% 100%;
            width: 100%;
            box-sizing: border-box;
            display: -webkit-flex;
            position: relative;
        }

        .nowNumber {
            width: 100%;
            height: 0.9rem;
            display: flex;
            margin-left: calc((100% - 6.9rem) / 2);
            display: -webkit-flex;
            box-sizing: border-box;
            justify-content: space-between;
            align-items: center;
        }

        .showCoinDetail {
            width: 6.9rem;
            height: 3rem;
            position: absolute;
            background-color: #fff;
            border-radius: 0.1rem;
            padding: 0 0.3rem;
            z-index: 1;
            left: calc((100% - 6.9rem) / 2);
            top: 0.9rem;
            display: flex;
            display: -webkit-flex;
            box-sizing: border-box;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            box-shadow: 0 0 0 0.05rem #f7f7f7;
        }

        .showCoinDetail ul {
            width: 100%;
            display: flex;
            display: -webkit-flex;
            justify-content: center;
        }

        .showCoinKind {
            height: 0.76rem;
            margin-bottom: 0.5rem;
        }

        .showCoinKind li {
            width: 33%;
            height: 0.72rem;
            line-height: 0.72rem;
            text-align: center;
            border: 0.02rem solid #ffd203;
        }

        .showCoinKind li:first-of-type {
            background-color: #ffd203;
            border-radius: .05rem 0 0 .05rem;
        }

        .showCoinKind li:last-of-type {
            border-radius: 0 .05rem .05rem 0;
        }

        .showCoinKind li:nth-of-type(2) {
            border-left: 0;
            border-right: 0;
        }

        .showtotalPower {
            height: 0.8rem;
        }

        .showtotalPower li {
            color: #949494;
            width: 33%;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
            font-size: 0.26rem;
            border-right: 1px solid #dcdcdc;
        }

        .showtotalPower li:last-of-type {
            border-right: none;
        }

        .showtotalPower li span:last-of-type {
            color: #000420;
            font-size: 0.26rem;
        }

        .machineListChoose {
            margin-top: 0.2rem;
            width: 100%;
            height: 0.92rem;
            background-color: #fff;
            border-bottom: 1px solid #e2e2e2;
            display: flex;
            display: -webkit-flex;
            align-items: center;
        }

        .showList {
            width: 100%;
            height: auto;
        }

        .showList ul {
            width: 100%;
            background: #f7f7f7;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .showList ul li {
            width: 6.72rem;
            display: inline-block;
            background-color: #fff;
            height: 3.2rem;
            box-sizing: border-box;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            justify-content: space-between;
            margin-bottom: 0.3rem;
            border-radius: 0.1rem;
            overflow: hidden;
        }

        .showList ul li>p {
            width: 100%;
            height: 0.95rem;
            padding-left: 0.27rem;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: space-between;
            border-bottom: 1px solid #e2e2e2;
            padding-right: 0.27rem;
            box-sizing: border-box;
        }

        .showList ul li>b {
            width: 100%;
            height: 0.9rem;
            padding: 0 0.27rem;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: space-between;
            box-sizing: border-box;
            font-size: 0.22rem;
            background-color: #f1f1f1;
            font-weight: 500;
            color: #b8b8b6;
        }

        .rentCoinType {
            flex: 1;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: flex-start;
        }

        .rentCoinType>span:first-of-type {
            display: flex;
            display: -webkit-flex;
            justify-content: center;
            font-size: 0.26rem;
            border-radius: 0.03rem;
            margin-right: 0.1rem;
        }

        .rentCoinType>span:nth-of-type(2) {
            font-size: 0.23rem;
            text-align: center;
        }

        .rentItemDetail {
            flex: 1;
            padding-right: 0.27rem;
            box-sizing: border-box;
            font-size: 0.24rem;
            height: 1.3rem;
            padding-left: 0.27rem;
            display: flex;
            display: -webkit-flex;
            justify-content: space-between;
            align-items: center;
            padding-bottom: 0.2rem;
        }

        .rentItemDetail div {
            height: 100%;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
        }

        .rentItemDetail div p {
            color: #b8b8b6;
            margin: 0.1rem 0 0 0;
        }

        .rentItemDetail div p span span {
            color: #616161;
            margin-left: 0.2rem;
        }

        .expireDay {
            font-size: 0.2rem;
            padding: 0.05rem 0.1rem;
            background-color: #ffd203;
            color: #fff;
            border-radius: 0.05rem;
            margin-left: 0.2rem;
        }

        .fix {
            width: 100%;
            height: 0.92rem;
            background-color: #fff;
            border-bottom: 1px solid #e2e2e2;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            margin-top: 0;
            position: fixed;
            left: 0;
            top: 0;
            z-index: 10;
        }

        .machineListChoose span::after {
            border-top: 0.15rem solid #e2e2e2;
            border-right: 0.15rem solid transparent;
            border-left: 0.15rem solid transparent;
            content: "";
            position: absolute;
            width: 0;
            right: 20%;
            top: 40%;
        }

        /* 我转让的 */
        .showRentDetail {
            background: url("../../image/yellbgx.png") center no-repeat;
            height: 4.2rem;
            background-size: 100% 100%;
            width: 100%;
            box-sizing: border-box;
            display: -webkit-flex;
            position: relative;
        }

        .nowNumber {
            width: 100%;
            height: 0.9rem;
            display: flex;
            margin-left: calc((100% - 6.9rem) / 2);
            display: -webkit-flex;
            box-sizing: border-box;
            justify-content: space-between;
            align-items: center;
        }

        .showCoinDetail {
            width: 6.9rem;
            height: 3rem;
            position: absolute;
            background-color: #fff;
            border-radius: 0.1rem;
            padding: 0 0.3rem;
            z-index: 1;
            left: calc((100% - 6.9rem) / 2);
            top: 0.9rem;
            display: flex;
            display: -webkit-flex;
            box-sizing: border-box;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            box-shadow: 0 0 0 0.05rem #f7f7f7;
        }

        .showCoinDetail ul {
            width: 100%;
            display: flex;
            display: -webkit-flex;
            justify-content: center;
        }

        .showCoinKind {
            height: 0.76rem;
            margin-bottom: 0.5rem;
        }

        .showCoinKind li {
            width: 33%;
            height: 0.72rem;
            line-height: 0.72rem;
            text-align: center;
            border: 0.02rem solid #ffd203;
        }

        .showCoinKind li:first-of-type {
            background-color: #ffd203;
            border-radius: .05rem 0 0 .05rem;
        }

        .showCoinKind li:last-of-type {
            border-radius: 0 .05rem .05rem 0;
        }

        .showCoinKind li:nth-of-type(2) {
            border-left: 0;
            border-right: 0;
        }

        .showtotalPower {
            height: 0.8rem;
        }

        .showtotalPower li {
            color: #949494;
            width: 33%;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
            font-size: 0.26rem;
            border-right: 1px solid #dcdcdc;
        }

        .showtotalPower li:last-of-type {
            border-right: none;
        }

        .showtotalPower li span:last-of-type {
            color: #000420;
            font-size: 0.26rem;
        }

        .machineListChoose {
            margin-top: 0.2rem;
            width: 100%;
            height: 0.92rem;
            background-color: #fff;
            border-bottom: 1px solid #e2e2e2;
            display: flex;
            display: -webkit-flex;
            align-items: center;
        }

        .showOverTaking {
            width: 100%;
            height: auto;
        }

        .showOverTaking ul {
            width: 100%;
            background: #f7f7f7;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .showOverTaking ul li {
            width: 6.72rem;
            display: inline-block;
            background-color: #fff;
            height: 3.7rem;
            box-sizing: border-box;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            justify-content: space-between;
            margin-bottom: 0.3rem;
            border-radius: 0.1rem;
            overflow: hidden;
        }

        .showOverTaking ul li>p {
            width: 100%;
            height: 0.95rem;
            padding-left: 0.27rem;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: space-between;
            border-bottom: 1px solid #e2e2e2;
            padding-right: 0.27rem;
            box-sizing: border-box;
        }

        .overTakingType {
            flex: 1;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: flex-start;
        }

        .overTakingType>span:first-of-type {
            display: flex;
            display: -webkit-flex;
            justify-content: center;
            font-size: 0.26rem;
            border-radius: 0.03rem;
            margin-right: 0.1rem;
        }

        .overTakingType>span:nth-of-type(2) {
            font-size: 0.23rem;
            text-align: center;
        }

        .overItemDetail {
            padding: 0 0.27rem;
            box-sizing: border-box;
            font-size: 0.24rem;
            display: flex;
            display: -webkit-flex;
            justify-content: space-between;
            align-items: center;
        }

        .overItemDetail div p {
            color: #b8b8b6;
        }

        .overItemDetail div {
            height: 100%;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
        }

        .overItemDetail div p {
            margin: 0.1rem 0 0 0;
        }

        .overItemDetail div p span span {
            color: #181818;
            margin-left: 0.2rem;
        }

        .orderTime {
            padding: 0 0.27rem;
            font-size: 0.2rem;
            font-weight: normal;
            display: flex;
            display: -webkit-flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 1px solid #E2E2E2;
            padding-bottom: 0.25rem;
        }

        .orderTime b {
            font-weight: normal;
            background-color: #fff;
            background: rgba(238, 238, 238, 1);
            opacity: 0.53;
            border-radius: 0.06rem;
            padding: 0.05rem 0.05rem;
        }

        .showOrderNum {
            padding: 0.1rem 0.27rem;
            display: flex;
            display: -webkit-flex;
            justify-content: space-between;
            align-items: center;
        }

        .showOrderNum b {
            font-weight: normal;
            background-color: #fff;
            font-size: 0.24rem;
        }

        .showOrderNum>b:last-of-type {
            width: 1.17rem;
            height: 0.52rem;
            background-color: #ffd203;
            color: #181818;
            border-radius: 0.1rem;
            font-weight: normal;
            line-height: 0.52rem;
            text-align: center;
        }

        .expireOverDay {
            font-size: 0.2rem;
            padding: 0 0.1rem;
            background-color: #ffd203;
            color: #131313;
            border-radius: 0.05rem;
            margin-left: 0.2rem;
        }

        .fix {
            width: 100%;
            height: 0.92rem;
            background-color: #fff;
            border-bottom: 1px solid #e2e2e2;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            margin-top: 0;
            position: fixed;
            left: 0;
            top: 0;
            z-index: 10;
        }

        .machineListChoose span::after {
            border-top: 0.15rem solid #e2e2e2;
            border-right: 0.15rem solid transparent;
            border-left: 0.15rem solid transparent;
            content: "";
            position: absolute;
            width: 0;
            right: 20%;
            top: 40%;
        }
    </style>
</head>

<body>
    <div class="showList">
        <ul id="outcoinlist" style="padding-top: 0.2rem;">
            <!-- <li>
                <p>
                    <span class="rentCoinType">
                        <span>
                            <span>
                                转让人:
                            </span>
                        </span>
                        <span>
                            xixi
                        </span>
                        <span class="expireDay" style="background-color:#ffd203">
                            BHp+BHPC
                        </span>
                    </span>
                </p>
                <div class="rentItemDetail">
                    <div>
                        <p>
                            <span>
                                承接金额
                                <span>
                                    3000CMY
                                </span>
                            </span>
                        </p>
                        <p>
                            <span>
                                合约锁定期限
                                <span>
                                    30天
                                </span>
                            </span>
                        </p>
                        <p>
                            <span>
                                BHP参配算力
                                <span>
                                    10T
                                </span>
                            </span>
                        </p>
                    </div>
                    <div>
                        <p>
                            <span>
                                BTC总算力
                                <span>
                                    10T
                                </span>
                            </span>
                        </p>
                        <p>
                            <span>
                                <span style="margin-left:0;color: #b8b8b6;">
                                    承接时间
                                </span>
                                <span>
                                    2020-05-22
                                </span>
                            </span>
                        </p>
                    </div>
                </div>
                <b>
                    <span>
                        矿机:
                        <span>
                            cesh
                        </span>
                    </span>
                    <span>
                        订单号:
                        <span>
                            1313131313
                        </span>
                    </span>
                </b>
            </li> -->
        </ul>
    </div>
    <div class="showOverTaking" style="display: none;">
        <ul id="overTakinglist" style="padding-top: 0.2rem;">
            <!-- <li>
                <p>
                    <span class="overTakingType">
                        <span>
                            <span>
                                1313131
                            </span>
                        </span>
                        <span class="expireOverDay" style="background-color:#c6cefa;font-size:0.2rem;">
                            BTC+BHP
                        </span>
                    </span>
                </p>
                <div class="overItemDetail">
                    <div style="flex:1;">
                        <p>
                            <span>
                                转让单价
                                <span>
                                    3000 CNY
                                </span>
                            </span>
                        </p>
                        <p>
                            <span>
                                转让总额
                                <span>
                                    200000 CNY
                                </span>
                            </span>
                        </p>
                    </div>
                    <div style="padding-left: 0.4rem;width:35%;">
                        <p>
                            <span>
                                BTC总算力
                                <span>
                                    0T
                                </span>
                            </span>
                        </p>
                        <p>
                            <span>
                                BHP参配算力
                                <span>
                                    0T
                                </span>
                            </span>
                        </p>
                    </div>
                </div>
                <div class="showOrderNum">
                    <b style="color:rgb(139,139,139);">
                        订单号: <span>
                            13131316+464676113
                        </span>
                    </b>
                    <b class="canaleButton"
                        style="background-color:#ffd203;display:flex;display:-webkit-flex;align-items:center;justify-content: center;">
                        撤销
                    </b>
                </div>
            </li> -->
        </ul>
    </div>
    <div id="listState" style="padding: 0.2rem 0;width:100%;text-align: center;">
        加载中……
    </div>
    <script src="../../script/autosize.js"></script>
    <script src="../../script/fastclick.js"></script>
    <script src="../../script/jquery_three_two_one.js"></script>
    <script src="../../script/dotmin.js"></script>
    <script src="../../script/app.js"></script>
    <script>
        apiready = function () {
            var app = new APP();
            var sT = app.ST;
            var account = app.getAccount();
            var headerchoose = "myOverTaking"; //默认选择我承接的
            var thisPage = 1; //当前页
            var totalPage = 0; //总共页数
            var canleItemId; //撤销订单ID
            //获取我承接的
            function getMyUnderTake(account, page, isdown) {
                app.ajaxPro({
                    url: "order/lists",
                    values: {
                        token: account.token,
                        page: page,
                        pageSize: "10",
                        isBhpPos: "ALL",//选择矿机挖矿类型  ALL 全部矿机, PT 普通矿机,SW 双挖矿机
                        state: "ALL",//矿机的状态 ALL 全部 KW开挖 DW 待挖   TZ 停租
                        type: "ALL",//矿机的购买类型 ALL 全部 P购买 G奖励算力
                        regularDateNum: "ALL",//订单类型  ALL 全部 30活期 90定三 180定六
                        state2: "S" //ALL 全部 P购买 S 承接 
                    },
                    openFlower: true
                }, function (ret) {
                    if (ret.code == 200) {
                        var thisList = ret.data.orderList;
                        totalPage = ret.data.totalPage;
                        thisList.map(function (item) {
                            item.from_username = item.fromUsername.length > 10 ? (item.fromUsername.slice(0, 6) + "…") : item.fromUsername;
                            item.totalPower = app.accMul(item.num, item.basePower);
                            item.totalBhpPower =app.accMul(item.num, item.bhpPower);
                            item.name = item.productName.length > 10 ? (item.productName.slice(0, 10) + "…") : item.productName;
                            if (item.rawPaymentCurrencyCode != "USDT") {
                                item.continue_total_deposit = app.sliceNum(item.totalDeposit, 2);
                            } else {
                                item.continue_total_deposit = app.sliceNum(item.totalDeposit, 4);

                            }
                        })
                        // 渲染模板
                        var temp = doT.template($("#ul_list").text());
                        if (isdown) {
                            $("#outcoinlist").html(temp(thisList));
                        } else {
                            $("#outcoinlist").append(temp(thisList));
                        }
                        if (thisPage == 1 && thisList.length == 0) {
                            $("#listState").text("暂时没有相关数据");
                        }
                        if (thisPage < totalPage) {
                            $("#listState").text("加载更多");
                        }
                        if (thisPage >= totalPage) {
                            $("#listState").text("没有更多数据了");
                        }
                    } else {
                        app.toast(ret.message)
                    }
                })
            }
            getMyUnderTake(account, thisPage, true);
            //获取我转让的
            function getMytansfer(account, page, isdown) {
                app.ajaxPro({
                    url: "transfer/order",
                    values: {
                        token: account.token,
                        state: "ALL",
                        isBhpPos: "ALL",
                        payCurrency: "ALL",
                        page: page,
                        pageSize: "10"
                    },
                    openFlower: true
                }, function (ret) {
                    if (ret.code == 200) {
                        totalPage = ret.data.totalPage;
                        var thisList = ret.data.list;
                        thisList.map(function (item) {
                            item.total_power = app.sliceNum(app.accMul(item.basePower, item.num), 2);
                            item.total_bhppower = app.sliceNum(app.accMul(item.bhpPower, item.num), 2);
                            var total_deposit = app.accMul(item.productDeposit, item.num);
                            if (item.paymentCurrencyCode == "USDT") {
                                item.goods_deposit = app.sliceNum(item.productDeposit, 4)
                                item.total_deposit = app.sliceNum(total_deposit, 4);
                            } else {
                                item.goods_deposit = app.sliceNum(item.productDeposit, 2)
                                item.total_deposit = app.sliceNum(total_deposit, 2);
                            }
                        })
                        // 渲染模板
                        var temp = doT.template($("#miTransferList").text());
                        if (isdown) {
                            $("#overTakinglist").html(temp(thisList));
                        } else {
                            $("#overTakinglist").append(temp(thisList));
                        }
                        if (thisPage == 1 && thisList.length == 0) {
                            $("#listState").text("暂时没有相关数据");
                        }
                        if (thisPage < totalPage) {
                            $("#listState").text("加载更多");
                        }
                        if (thisPage >= totalPage) {
                            $("#listState").text("没有更多数据了");
                        }
                    } else {
                        app.toast(ret.message)
                    }
                })
            }

            $("#outcoinlist").on("click", "li", function () {
                app.openWin({
                    name: "myovertaking_headerwin",
                    url: app.hd + "transactionpower/myovertaking" + ".html",
                    pageParam: {
                        id: $(this).data("machineid"),
                        status: $(this).data("machinestatus"),
                        isShow: $(this).data("show"),
                        isshowText: $(this).data("showtext"),
                        orderId: $(this).attr("data-orderId"),
                        textColor: $(this).attr("data-textColor"),
                        machineState: $(this).attr("data-dragStatus"),
                        cointype: $(this).attr("data-currencyCode")
                    }
                });
            });

            $("#overTakinglist").on("click", ".canaleButton", function () {
                var thisSatus = $(this).attr("data-state");
                var thisUndo = $(this).attr("data-isundo");
                if (thisSatus != 0) return
                if (thisSatus == 0 && thisUndo != 1) {
                    app.toast("转让十分钟内不可撤销");
                    return
                }
                canleItemId = $(this).attr("data-canleId");
                var param = {
                    dtype: "dialog5",
                    data: {
                        title: "温馨提示",
                        text: "是否确定撤销此订单",
                        btns: [{
                            name: "再想想",
                            event: "NoIthink"
                        },
                        {
                            name: "我要撤销",
                            event: "YesSureBack"
                        }
                        ]
                    }
                };
                app.dialog(param);
            });
            //撤销订单
            app.listen("YesSureBack", function () {
                app.ajaxPro({
                    url: "transfer/undo",
                    values: {
                        token: account.token,
                        orderId: canleItemId
                    },
                    openFlower: true
                }, function (ret) {
                    if (ret.code == 200) {
                        app.trigger("transferBack");
                        app.toast("撤销成功");
                    } else {
                        app.toast(ret.message)
                    }
                })
            })
            app.toBottom(function () {
                if (headerchoose == "myOverTaking" && thisPage < totalPage) {
                    thisPage++;
                    getMyUnderTake(account, thisPage, false);
                    return
                }
                if (headerchoose == "myUnderTaking" && thisPage < totalPage) {
                    thisPage++;
                    getMytansfer(account, thisPage, false);
                }
            });
            app.downRefresh(function () {
                thisPage = 1;
                totalPage = 0;
                if (headerchoose == "myOverTaking") {
                    $("#outcoinlist").empty();
                    getMyUnderTake(account, thisPage, true);
                    return
                }
                if (headerchoose == "myUnderTaking") {
                    $("#overTakinglist").empty();
                    getMytansfer(account, thisPage, true);
                }
            })
            app.listen("powerChangeList", function (ret) {
                thisPage = 1;
                totalPage = 0;
                headerchoose = ret.value.chooseList;
                if (ret.value.chooseList == "myOverTaking") {
                    $("#overTakinglist").empty();
                    $(".showList").show();
                    getMyUnderTake(account, thisPage, false);
                } else {
                    $("#outcoinlist").empty();
                    $(".showOverTaking").show();
                    getMytansfer(account, thisPage, true);
                }
            });
            app.listen("transferBack", function (params) {
                thisPage = 1;
                totalPage = 0;
                if (headerchoose == "myOverTaking") {
                    $("#outcoinlist").empty();
                    getMyUnderTake(account, thisPage, true);
                    return
                }
                if (headerchoose == "myUnderTaking") {
                    $("#overTakinglist").empty();
                    getMytansfer(account, thisPage, true);
                }
            });
            var event = ["renew_success", "relet_success", "transferSe"];
            app.listen(event, function () {
                thisPage = 1;
                totalPage = 0;
                if (headerchoose == "myOverTaking") {
                    $("#outcoinlist").empty();
                    getMyUnderTake(account, thisPage, true);
                    return
                }
                if (headerchoose == "myUnderTaking") {
                    $("#overTakinglist").empty();
                    getMytansfer(account, thisPage, true);
                }
            });
        };
    </script>
    <!-- //我承接的 -->
    <script type="text/html" id="ul_list">
    {{~it:item:index}}
    <li data-orderID="{{=item.orderId}}" data-machineID={{=item.orderId}} data-currencyCode={{=item.currencyCode}} data-checkVoucher="{{=item.orderId}}" data-machineid="{{=item.orderId}}" data-showtext="{{=item.showText}}" data-machinestatus="{{=item.dragStatus}}" data-show="{{=item.showEnd}}" data-orderId="{{=item.orderId}}" data-dragStatus="{{=item.dragStatus}}" data-textColor="{{=item.textColor}}">
        <p>
            <span class="rentCoinType">
                <span>
                    <span>
                        转让人:
                    </span>
                </span>
                <span>
                    {{=item.fromUsername}}
                </span>
                <!-- 活期。定期 #ffd203 双挖 #c6cefa -->
                <span class="expireDay" style="background-color:{{=item.isBhpPos==0?'#ffd203':'#c6cefa'}}">
                    {{=item.isBhpPos==0?"BTC":"BTC+BHP"}}
                </span>
            </span>
            <!-- 待挖：#f3933a 退租：#434343 开挖：#80d699 -->
            {{?item.dragStatus==0}}
            <span class="showOverStu" style="display:inline-block;width:2rem;color:#ff6678;font-size: 0.25rem;display:flex;display:-webkit-flex;align-items:center;justify-content:flex-end;">
                <span>{{=item.workText}}</span><img src="../../image/red_right_icnx.png" style="width:0.12rem;height:0.22rem;margin-left:0.1rem;">
            </span>
            {{??item.dragStatus==1}}
            <span class="showOverStu" style="display:inline-block;width:2rem;color:#80d699;font-size: 0.25rem;display:flex;display:-webkit-flex;align-items:center;justify-content:flex-end;">
                <span>{{=item.workText}}</span><img src="../../image/lv_right_icnx.png" style="width:0.12rem;height:0.22rem;margin-left:0.1rem;">
            </span>
            {{??}}
            <span class="showOverStu" style="display:inline-block;width:2rem;color:#434343;font-size: 0.25rem;display:flex;display:-webkit-flex;align-items:center;justify-content:flex-end;">
                <span>{{=item.workText}}</span><img src="../../image/right_jintoux.png" style="width:0.12rem;height:0.22rem;margin-left:0.1rem;">
            </span>
            {{?}}
        </p>
        <div class="rentItemDetail">
            <div>
                <p>
                    <span>
                        承接金额
                        <span>
                            {{=item.continue_total_deposit}} {{=item.paymentCurrencyCode=="BCNY"?"OTC余额":item.paymentCurrencyCode}}
                        </span>
                    </span>
                </p>
                <p>
                    <span>
                        BTC总算力
                        <span>
                            {{=item.totalPower}}T
                        </span>
                    </span>
                </p>
                {{?item.isBhpPos==1}}
                <p>
                    <span>
                        BHP参配算力
                        <span>
                            {{=item.totalBhpPower}}T
                        </span>
                    </span>
                </p>
                {{?}}
            </div>
            <div>
                <p>
                    <span>
                        合约锁定期限
                        <span>
                            {{=item.regularDateNum}}天
                        </span>
                    </span>
                </p>
                <p>
                    <span>
                        <span style="margin-left:0;color: #b8b8b6;">
                            承接时间
                        </span>
                        <span>
                            {{=item.operateTime.split(" ")[0]}}
                        </span>
                    </span>
                </p>
                <p>
                    <span>
                        <span style="visibility: hidden;">
                        
                        </span>
                        <span>
                            
                        </span>
                    </span>
                </p>
            </div>
        </div>
        <b>
            <span>
                矿机:
                <span>
                    {{=item.name}}
                </span>
            </span>
            <span>
                订单号:
                <span>
                    {{=item.orderId}}
                </span>
            </span>
        </b>
    </li>
    {{~}}
    </script>
    <!-- 我转让的 -->
    <script type="text/html" id="miTransferList">
    {{~it:item:index}}
    <li>
        <p>
            <span class="overTakingType">
                <span>
                    <span>
                        {{=item.productName}}
                    </span>
                </span>
                <span class="expireOverDay" style="background-color:{{=item.isBhpPos==1?'#c6cefa':'#ffd203'}};font-size:0.2rem;">
                    {{=item.isBhpPos==1?"BTC+BHP":"BTC"}}
                </span>
            </span>
            {{?item.state==0}}
            <span class="showOverStu" style="display:inline-block;width:1.5rem;text-align:right;color:#ff6678;font-size: 0.25rem;">
                转让中
            </span>
            {{??item.state==1 || item.state==3}}
            <span class="showOverStu" style="display:inline-block;width:1.5rem;text-align:right;color:#ffbf18;font-size: 0.25rem;">
                转让成功
            </span>
            {{??item.state==2}}
            <span class="showOverStu" style="display:inline-block;width:1.5rem;text-align:right;color:#ffd203;font-size: 0.25rem;">
                已撤销
            </span>
            {{?}}
        </p>
        <div class="overItemDetail">
            <div style="flex:1;">
                <p>
                    <span>
                        转让单价
                        <span>
                            {{=item.productDeposit}} {{=item.paymentCurrencyCode}}
                        </span>
                    </span>
                </p>
                <p>
                    <span>
                        转让总额
                        <span>
                            {{=item.totalDeposit}} {{=item.paymentCurrencyCode}}
                        </span>
                    </span>
                </p>
            </div>
            <div style="padding-left: 0.4rem;width:35%;">
                <p>
                    <span>
                        转让算力
                        <span>
                            {{=item.total_power}}T
                        </span>
                    </span>
                </p>
                {{?item.isBhpPos==1}}
                <p>
                    <span>
                        BHP参配算力
                        <span>
                            {{=item.total_bhppower}}T
                        </span>
                    </span>
                </p>
                {{?}}
            </div>
        </div>
        <div class="orderTime">
            <b>
                发起时间&nbsp;&nbsp;{{=item.operateTime}}
            </b>
            <b style="display:{{=item.state==2?'flex':'none'}};">
                撤销时间&nbsp;&nbsp;{{=item.updateTime}}
            </b>
            <b style="display:{{=item.state==1 || item.state==3 ?'flex':'none'}};">
                转让时间&nbsp;&nbsp;{{=item.updateTime}}
            </b>
        </div>
        <div class="showOrderNum">
            <b style="color:rgb(139,139,139);">
                订单号: <span>
                    {{=item.orderId}}
                </span>
            </b>
            <b class="canaleButton" data-time="{{=item.time_creat}}" data-state="{{=item.state}}" data-canleId="{{=item.orderId}}" data-isundo="{{=item.is_undo}}" style="background-color:{{=Number(item.state)==0? '#ffd203':'#e5e5e5;'}};display:flex;display:-webkit-flex;align-items:center;justify-content: center;">
                撤销
            </b>
        </div>
    </li>
    {{~}}
    </script>
</body>

</html>